{% extends "layout.html" %}

{% block title %}Gestion des clients{% endblock %}

{% block content %}

<!-- Formulaire de recherche -->
<form method="get">
<fieldset>
		<legend>Recherche d'un utilistaeur administrateur</legend>
  
		          
        <div class="input-prepend">
			<span class="add-on"><i class="icon-user"></i></span>
			<input name="search-name" id="search-name" type="text" placeholder="Nom " value="{{searchName}}"/>
        </div>
        <div class="input-prepend">
			<button type="submit" class="btn btn-info" name="action" value="search"><i class="icon-search icon-white"></i> Rechercher</button>
		</div>
       
</fieldset>
</form>

<!-- Bouton de création de client -->
<fieldset>
		<legend>Creation rapide</legend>
  
            <a href="liste-utilisateur-admin-creation" class="btn btn btn-primary"><i class="icon-plus-sign icon-white"></i> Créer un nouveau administrateur </a>
  			

</fieldset>			

<!-- Tableau listant les clients -->
<fieldset>
		<legend>Liste des clients</legend>
		<table class="table table-striped">
		  <thead>
			<tr>
			  <th>Nom</th>
			  <th></th>
			  <th></th>
			  <th></th>
			</tr>
		  </thead>
		  <tbody>
			{% for client in clients %}
			<tr>
				<td>{{client.username}}</td>
				<td></td>
				<td></td>
				<td>
					<div class="btn-group">
					  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
						Actions
						<span class="caret"></span>
					  </a>
					  <ul class="dropdown-menu">
							<li><a href="liste-utilisateur-admin-modif?id={{client.id}}"><i class="icon-edit"></i> Modification</a></li>
							<li><a href="liste-utilisateur-admin?action=delete&id={{client.username}}"><i class="icon-trash"></i> Suppression</a></li>
							
					  </ul>
					</div>
				</td>
			</tr>
			{% endfor %}
		  </tbody>
		</table>
</fieldset>
    
{% endblock %}
	
